<template>
    <div id="china_map_box">
		<div class="dt">
			<dv-flyline-chart-enhanced :config="config" :dev="true"  style="height:95%;width: 95%;" />
		</div>
    </div>
</template>

<script>
    export default {
        name: "china",
        components: {},
        data() {
            return {
				config: {
				   points: [
				       {
				         name: '华东',
				         coordinate: [0.54, 0.82],
				         icon: {
				           src:  require('@/views/assets/mapPoint.png'),
				           width: 40,
				           height: 40
				         },
				         text: {
				           color: '#fb7293'
				         }
				       },
				       {
				         name: '华南',
				         coordinate: [0.73, 0.59]
				       },
				       {
				         name: '华北',
				         coordinate: [0.66, 0.37]
				       },
				       {
				         name: '东北',
				         coordinate: [0.80, 0.28]
				       },
				       {
				         name: '华中',
				         coordinate: [0.62, 0.80]
				       },
					   // {
					   //   name: '其他',
					   //   coordinate: [0.46, 0.62]
					   // },
				     ],
				     lines: [
				       {
				         source: '华东',
				         target: '华南',
						 width: 1.5,
				       },
				       {
				         source: '华东',
				         target: '华北',
						 width: 1.5,
				       },
				       {
				         source: '华东',
				         target: '东北',
						 width: 1.5,
				       },
				       {
				         source: '华东',
				         target: '华中',
						 width: 1.5,
				       },
					  //  {
					  //    source: '华东',
					  //    target: '其他',
						 // width: 1.5,
					  //  },
				     ],
				     icon: {
				       show: true,
				       src:  require('@/views/assets/mapCenterPoint.png'),
					   width: 40,
					   height: 40
				     },
				     text: {
				       show: false,
				     },
				     bgImgSrc: require('@/views/assets/qgdt.png')
				}
            }
        },
        created() {
           
        },
        mounted() {
            
        },
        methods: {
           
        }
    }

</script>

<style lang="scss" scoped>
    #china_map_box {
        display: flex;
        width: 100%;
        height: 100%;
        position: relative;
		.dt{
			margin-top: 1rem;
			margin-left:1rem;
			width: 13rem;
		}
		
    }
</style>